<!DOCTYPE html>
<html lang="en" class="no-js">
  <head>
    <title>Quiz</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<meta name="keyword" content="" />
    <meta name="description" content="" />
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />	
	<link href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" rel="stylesheet" />	
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script src="script/modernizr-2.5.3.js"></script>
	<script src="script/code.js"></script>
	<link rel="shortcut icon" href="/favicon.ico">
	<link rel="apple-touch-icon" href="/apple-touch-icon.png">
	<style type="text/css">
		#current-question {
			padding:0px 10px;
		}
		
		h2 {
			font-size:1.4em;
			text-align:center;
			padding:40px 0px 10px 0px;
		}
		
		#result {
			height:20px;
			font-weight:bold;
			text-align:center;
		}
	</style>
  </head>
  <body>
	<div data-role="page">
		<header data-role="header">
			<h1>Quiz</h1>
		</header><!-- /header -->

		<content data-role="content">
			<div id="current-question">

			</div><!-- end of current-question -->
		</content>
		
		<!-- <footer data-role="footer">
			<p>This is the footer</p>
		</footer> -->
	</div>
  </body>
</html>
